{% extends 'base.html' %}

{% block title %}🎁 愿望清单{% endblock %}

{% block content %}
<div class="mt-5 pt-5 row justify-content-center align-items-center" style="height: calc(100vh - 114px);">
<div class="col-md-6 mb-4">
  <div class="card">
    <div class="card-body">
      <table class="table table-hover">
        <thead class="blue-grey lighten-4">
          <tr>
            <th>#</th>
            <th>网址</th>
            <th>描述</th>
            <th>支持数</th>
            <th>状态</th>
          </tr>
        </thead>
        <tbody>
        {% for item in items %}
          <tr>
              <th scope="row">{{ loop.index }}</th>
              <td>{{ item.website }}</td>
              <td>{{ item.describe|truncate(15) }}</td>
              <td>{{ item.count }}</td>
              <td>{% if item.is_finish %}<span class="badge badge-success badge-pill pull-right">已完成<i class="fas fa-check ml-1"></i></span>{% else %}<span class="badge badge-danger badge-pill pull-right">正在开发<i class="fas fa-code ml-1"></i></span>{% endif %}</td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
{% endblock %}